<template>
  <div class="changeemail-page">
    <container-box :metaTitle="routeMeta.title || ''">
      <div class="container" slot="container">
        <div class="modal-wrap">
          <div class="modal-container">
            <FormModal />
          </div>
        </div>
      </div>
    </container-box>
  </div>
</template>

<script>
import ContainerBox from '@/components/ContainerBox'
import FormModal from './formModal'
export default {
  components: {
    ContainerBox,
    FormModal
  },
  computed: {
    routeMeta() {
      return this.$route.meta || {}
    }
  },
  data() {
    return {
      submitState: 'error'
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
.changeemail-page {
  .containerbox-tab_item {
    position: relative;
  }
  .mds-message-notice-content {
    width: 572px;
  }
}
</style>
<style lang="scss" scoped>
.changeemail-page {
  width: 100%;
  height: 100%;
  .container {
    width: 100%;
    position: absolute;
    min-height: 100%;
    .modal-wrap {
      position: absolute;
      width: 100%;
      min-height: 100%;
      background: rgba(0, 0, 0, 0.6);
      .modal-container {
        height: auto;
      }
    }
  }
}
</style>
